<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="wb/css/mui.min.css">
	<link rel="stylesheet" href="css/FJL.picker.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>教师详情页</title>
	<style>
		body{
			background: #f3f3f3;
		}
	</style>
</head>
<body>
	<header class="myheader-orange">
		<a href="javascript:void(0)" onclick="javascript:history.go(-1)" class="myleft"><i class=" glyphicon glyphicon-menu-left"></i>返回</a>
		<h3>我的资料</h3>
		<span class="myicon glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
	</header>
	<div class="container">
		<div class="myinfo-ul">
			<ul class="myinfo-sex-ul">
				<li>
					<a href="" title="">头像<img src="images/head.jpg" alt=""></a>
				</li>
				<li class="mysex">
					性别<span class="thissex" id="mysex">女</span>
				</li>
				<li>
					<a href="my_nick.html" title="">昵称<span>admin <i class="glyphicon glyphicon-menu-right"></i></span></a>
				</li>
				<li>
					<a href="my_nick.html" title="">真实姓名<span>李*梅 <i class="glyphicon glyphicon-menu-right"></i></span></a>
				</li>
			</ul>
			<p>手机绑定</p>
			<ul>
				<li>
					<a href="my_phone.html" title="">手机号码<span>13564554252<i class="glyphicon glyphicon-menu-right"></i></span></a>
				</li>
			</ul>
			<p>安全设置</p>
			<ul>
				<li>
					<a href="my_pwd.html" title="">登录密码<span>修改<i class="glyphicon glyphicon-menu-right"></i></span></a>
				</li>
			</ul>
		</div>

		

	</div>
</body>
<script src="wb/js/mui.js"></script>
<script src="js/mui.picker.min.js"></script>
<script src="js/mui.poppicker.js"></script>
<script>


	(function($, doc) {
				$.init();
				$.ready(function() {
					//普通示例
					var userPicker = new $.PopPicker();
					userPicker.setData([{
						text: '男'
					}, {
						text: '女'
					}]);
					var showUserPickerButton = doc.getElementById('mysex');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							
							var str = JSON.stringify(items[0].text);
							var mysex = str.substring(str.indexOf("\"")+1,str.lastIndexOf("\""));
							showUserPickerButton.innerText = mysex;
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})(mui, document);

</script>
</html>